<template>
	<view>
		<view >
			<view class="smart-panel-head">
				<view class=" smart-panel-head-title" >
				button
			</view>
			</view>
			<button type="primary" :loading="loading">
				页面主操作Loading
			</button>
			<button type="default" disabled="true">
				页面次要操作Disabled
			</button>
			<button type="warn" plain="true">镂空按钮</button>
			<button type="primary" plain="true">镂空按钮</button>
			<button type="default" plain="true">镂空按钮</button>
			
			<button class="mini-btn" type="warn" plain="true" size="mini">按钮</button>
			<button class="mini-btn" type="primary" plain="true" size="mini">按钮</button>
			<button class="mini-btn" type="default" plain="true" size="mini">按钮</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				loading:true
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
button{
	margin-top: 30rpx;
}
.mini-btn {
	margin-right: 30rpx;
}
</style>
